@import 'color.css';

/*浏览器更新提示*/
.browserUpgrade {
  margin: 0;
  padding: 20px;
  background-color: #ccc;
}

body {
  font-family: PingFangSC,"Microsoft Yahei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  color: $main-color;
  text-shadow: 0 0 1px rgba(128,128,128,.2);
  min-width: 1240px;
}

/*去除列表默认样式*/
ul {
  list-style: none;
}

/*字体选中样式*/
::selection {
  background-color: $light-blue;
  color: #fff;
}

/* a 标签不要下划线*/
a {
  text-decoration: none;
  color: $main-color;
}

/*全部使用 border-box 盒模型，方便计算，且不影响 flex-box 布局*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*自定义滚动条*/

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/*定义滚动条轨道（track）和滑块（thumb）*/

::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  background-color: rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .2);
}

/*定义水平和垂直滚动条两者的交界处（拐角）*/

::-webkit-scrollbar-corner {
  display: block;
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .5);
}
